{% extends "html/base.html" %}

{% block style %}
	{{ block.super }}
	<link rel="stylesheet" type="text/css" href="{{STATIC_URL}}css/startUpMenu.css" />{% comment %}link to css{% endcomment %}
{% endblock style %}

{% block script %}
	{{ block.super }}
	<script type="text/javascript" src="{{STATIC_URL}}js/startUpMenu.js" ></script>{% comment %}link to js{% endcomment %}
{% endblock script%}

{% block content %}
	{{ block.super }}
	{% if error %}<div id='error'></div>{% endif %}
	<div id="startUpMenuOuter">
		<ul>
			<li><a href="#teamInfo">Team Information</a></li>{% comment %}team info tab{% endcomment %}
		</ul>
		<div id="teamInfo">
			<div style="display: none" id='img'>{% comment %}tabs for checkboxes or ex-es depending on if data entered is valid{% endcomment %}
			  <img class='checkbox image' src='{{STATIC_URL}}images/independent/Check-icon.png'>
			  <img class='errorMark image' src='{{STATIC_URL}}images/independent/X-icon.png'>
			</div>
		    <form name="continue" id='teamInfoForm' method="post" action="#">

		        {{ teamInfoForm.as_p }}{% comment %}django form{% endcomment %}
			   	{% csrf_token %}

		        
		        <button id="continue" type="button" url="{% url travel_game.views.acceptTeamInfo %}" onclick='submitTeamInfo(this);'>Go!</button>
		        
			</form> 
		</div> <!-- Close team info -->
	</div><!-- Close start up outer -->
{% endblock content %}
        
